<ion-view view-title="Checkout">
  <ion-content style="background: #f7f7f7">
    <div style="background: #fff;width: 100%;float: left">
      <div style="width: 94%;margin-left: 3%;border-bottom: 1px #f7f7f7 solid;height:45px;line-height: 45px;color: #b5b5b5">
        Delivery Address
      </div>

      <div style="width: 94%;margin-left: 3%;padding: 10px 0 10px 0;color: #4d4d4d">
        <img src="img/location.png" class="imglocation" style="width: 5%">
        <div style="display: inline-block;vertical-align: middle;width: 80%;word-break:break-all">
          Alan Lee<br>
          807 SOURTH wRIGHT STRRRT, SUIT 430 CHAMPAION, LLLONONIS (USa)343454545<br>
          <span style="color:#b5b5b5;"># buiding access code:1232324</span>
        </div>
        <div style="display: inline-block;vertical-align: middle;margin-left: 1%">
          <i class="icon ion-ios-arrow-right" style="font-size: 33px;color: #65c178"></i>
        </div>
      </div>
    </div>


    <div style="height:45px;line-height: 28px;width: 100%;background: #fff;float: left;margin-top: 30px;padding: 0 3% 0 3%">
      <img src="img/phone.png" class="imglocation">
      <div style="width: 32%;color: #4d4d4d;display: inline-block;vertical-align: middle;">Phone number</div>
      <div style="width: 48%;color: #65c178;display: inline-block;vertical-align: middle;text-align: right">+1-(217)-979-5555</div>
      <div style="display: inline-block;vertical-align: middle;margin-left: 1%;margin-top: 4px;">
        <i class="icon ion-ios-arrow-right" style="font-size: 33px;color: #65c178"></i>
      </div>
    </div>



    <div style="background: #fff;width: 100%;float: left;margin-top: 30px;">
      <div style="width: 94%;margin-left: 3%;border-bottom: 1px #f7f7f7 solid;height:45px;line-height: 45px;color: #b5b5b5">
        Delivery Times
      </div>

      <div style="width: 100%;background: #fff;float: left;padding: 10px 3% 10px 3%;border-bottom: 1px solid #f7f7f7;">
        <img src="img/time.png" class="imglocation" style="width: 5%">
        <div style="width: 49%;color: #4d4d4d;display: inline-block;vertical-align: middle;">Choose a delivery time</div>
        <div style="width: 30%;color: #65c178;display: inline-block;vertical-align: middle;text-align: right">+1-(217)-979-5555</div>
        <div style="display: inline-block;vertical-align: middle;margin-left: 1%;margin-top: 4px;">
          <i class="icon ion-ios-arrow-right" style="font-size: 33px;color: #65c178"></i>
        </div>
      </div>

      <div style="width: 100%;height: 30px;float: left"></div>
    </div>

    <style type="text/css">
     .imglocation{width: 4%;margin-right:4%;vertical-align: middle;display: inline-block}
     .blankdiv{width: 100%;height:14px;border-bottom: 1px solid #f7f7f7}
   </style>

  </ion-content>

  <div class="mainBottomdiv">
    <div ng-click="tgocheckout()" class="mainBottombutton">Next</div>
  </div>

  <!--<shadediv></shadediv>-->

  <!--&lt;!&ndash; phone number&ndash;&gt;-->
  <!--<div style="width: 80%;margin-left: 10%;height: 200px;top:165px;background: #fff;position: fixed;border-radius: 4px;color: #4d4d4d;">-->
  <!--<div style="width: 100%;height: 40px;line-height: 40px;text-align: center;border-bottom: 1px solid #e7e7e7">-->
  <!--Phone Number-->
  <!--</div>-->
  <!--<div style="width: 100%;padding: 10px 0 10px 0;text-align: center">-->
    <!--So we can notify you when your order arrives.-->
  <!--</div>-->

    <!--<div style="width: 94%;margin-left: 3%;border-radius: 3px;background: #f7f7f7;height: 42px;">-->
      <!--<div style="width: 50px;height: 42px;line-height:42px;background: #65c178;border-radius: 2px;text-align: center;font-weight: 400;color: #fff;font-size: 18px;display: inline-block">+1</div>-->
      <!--<input type="number" style="width: 60%;margin-left: 4px;height: 38px;margin-top: 2px;background: #f7f7f7" placeholder="(217)-979-5555">-->
    <!--</div>-->
    <!--<div class="blankdiv"></div>-->
  <!--<div style="width: 49%;height: 40px;float: left;text-align: center;line-height: 40px;color: #b5b5b5">-->
  <!--Cancel-->
  <!--</div>-->

    <!--<div style="width:1px;height: 36px;background: #f7f7f7;margin-top: 2px;float: left"></div>-->

  <!--<div style="width: 49%;height: 40px;float: right;text-align: center;line-height: 40px;color: #65c178">-->
  <!--Save-->
  <!--</div>-->

  <!--</div>-->

</ion-view>
